<!DOCTYPE html>
<html lang="zh">
  <head>
    <title>关于本站</title>
    <link rel="icon" type="image/png" href="icon.png">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="static/js/errors.js"></script>
    <script src="static/js/jquery.min.js"></script>
    <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="static/bootstrap/js/bootstrap.bundle.min.js"></script>
    <link href="static/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
  </head>
  <body style="background-color: whitesmoke">
    <div id="body" class="mx-auto"></div>
    <div class="toast mx-auto fade" id="message" style="width: 90%">
      <div class="toast-header">
        <img src="icon.png" width="16">
        <span class="me-auto"><strong>寒冬利刃</strong>（站长）</span>
        <span><small>刚刚</small></span>
        <button class="btn-close" data-bs-dismiss="toast" id="close_btn" title="关闭"></button>
      </div>
      <div class="toast-body">
        <span>
          不是，
          <span class="text-primary"><strong>把我摆上来</strong></span>
          干嘛？
        </span>
      </div>
    </div>
    <script>
      body = document.getElementById("body"); 
      setTimeout(function (){
        body.innerHTML += "<center><h1 class=\"h1 text-primary\">现在<h1></center>"; 
          setTimeout(function (){
            body.innerHTML += "<center>我很荣幸地为您介绍一个人</center>"; 
            setTimeout(function (){
              body.innerHTML += "<center><h4 class=\"h4\">他相当于<strong class=\"text-primary\">我的父亲</strong></h4></center>"; 
              setTimeout(function (){
                body.innerHTML += "<center>他创造了我<center>"; 
                  setTimeout(function (){
                    body.innerHTML += "<center>他就是</center>"; 
                    setTimeout(function (){
                      body.innerHTML += "<center class=\"h4\"><h4>本站站长</h4></center>"; 
                      setTimeout(function (){
                        body.innerHTML += "<center><h1 class=\"display-1 text-primary\">寒冬利刃</h1></center>"; 
                        setTimeout(function (){
                          body.innerHTML += "<hr><div class=\"mx-auto\" style=\"width: 90%; \"><h2 id=\"title\">消息列表</h2></div>"; 
                          setTimeout(function (){
                            document.getElementById("title").innerHTML += "<span class=\"badge rounded-pill bg-danger\">1</span>"; 
                            $("#message").toast("show"); 
                            timer = setInterval(function (){
                              bool = document.getElementById("message").className.includes("hide"); 
                              //console.log(bool); 
                              if(bool){
                                document.getElementById("title").innerHTML = "消息列表"; 
                                body.innerHTML += "<center><span class=\"text-secondary\"><small>没有任何消息呢……</small></span></center>"; 
                                clearInterval(timer); 
                              }; 
                            }, 500); 
                          }, 500); 
                        }, 500); 
                      }, 500); 
                    }, 1000); 
                  }, 1000); 
              }, 1000); 
            }, 1000); 
          }, 1000); 
      }, 1000); 
    </script>
  </body>
</html>
